var mySwiper = null;
function initSwiper(){
	mySwiper = new Swiper('.swiper-container',{
		speed: 1000,
		loop:true,
		autoplay: 2000,
		autoplayDisableOnInteraction: false,
		prevButton:'.swiper-button-prev',
		nextButton:'.swiper-button-next'
	})
}
var myScroll = null;
function initScroll(sClass){
	myScroll = new IScroll(sClass,{
		vScroll: true,
        bounce: true,
        checkDOMChanges: true,
        resizeScrollbars: true,
        click: true
  });
}

$(".main_nav_one").on("click", function(){
	$(".main_nav_two").removeClass("liang1");
	$(this).addClass("liang");
	$(".tab-wrap-video").show();
	$(".tab-sliper").hide();
	$(".video-img").show();
});

$(".main_nav_two").on("click", function(){
	$(".main_nav_one").removeClass("liang");
	$(this).addClass("liang1");
	$(".tab-sliper").show();
	$(".tab-wrap-video").hide();
	$(".videoMp4")[0].pause();
	initSwiper();
});

$(".video-img").on("click", function(){
	$(".videoMp4")[0].play();
	$(this).hide();
});

$(".videoMp4").on("ended", function(){
	$(".video-img").show();
});

$(".js-activity").on("click", function(){
	$(".tab-sliper").show();
	$(".tab-wrap-video").hide();
	$(".videoMp4")[0].pause();
	$(".activity-wrap").css("display", "block");
	initScroll('.scrollWrap');
});

$(".cha").on("click", function(){
	$(".activity-wrap").css("display","none");
});

$(".toVideo").on("click", function(){
	initScroll('body');
	myScroll.scrollTo(0,-300);
});